body { --center-width: 1720px; }

.page-team { position: relative; background-color: #f4f4f4; }

.page-team::before { content: ''; position: absolute; bottom: 0; right: 0; width: 808px; height: 475px; background-image: url("//game.gtimg.cn/images/lpl/web202301/team-page-adorn.png"); pointer-events: none; }

.page-team *, .page-team ::before, .page-team ::after { box-sizing: border-box; outline: none; background-size: 100% auto; background-repeat: no-repeat; }

.module-team { position: relative; width: 1720px; min-height: 978px; margin: 0 auto; padding-top: 50px; }

.module-team .team-introduce { display: flex; position: relative; height: 250px; margin-bottom: 50px; border-radius: 5px; background-color: #fff; overflow: hidden; }

.module-team .team-introduce .image { position: relative; flex: 0 0 846px; width: 846px; height: 250px; border-radius: 5px; overflow: hidden; }

.module-team .team-introduce .info { display: flex; flex-direction: column; justify-content: center; padding-left: 30px; padding-right: 160px; background-image: url("//game.gtimg.cn/images/lpl/web202301/team-info-adorn.png"); background-position: bottom right; background-size: 659px 172px; background-repeat: no-repeat; }

.module-team .team-introduce .title { font-weight: bold; font-size: 22px; color: #fe003f; }

.module-team .team-introduce .desc { line-height: 20px; margin-top: 10px; font-size: 14px; color: #6d6d6d; }

.module-team .team-list { display: flex; flex-wrap: wrap; }

.module-team .team-list li { position: relative; width: 180px; height: 180px; margin-right: 40px; border-radius: 6px; background-image: linear-gradient(to bottom, #3b3f4a, #1c202c); }

.module-team .team-list li:nth-of-type(8n) { margin-right: 0; }

.module-team .team-list li:not(:nth-of-type(-n + 8)) { margin-top: 20px; }

.module-team .team-list li:hover { box-shadow: 0 0 0 1px #ffce7d, 0 0 8px rgba(255, 208, 128, 0.67); }

.module-team .team-list .image { display: flex; justify-content: center; align-items: center; height: 140px; border-bottom: 1px solid #2e344c; }

.module-team .team-list .image img { width: 130px; }

.module-team .team-list .name { height: 40px; line-height: 40px; padding: 0 10px; font-size: 20px; text-align: center; text-transform: uppercase; color: #fff; }

/* nav */
.center-wrap { max-width: var(--center-width); }